h1{
  font-size: 18px;
  font-family: Alibaba PuHuiTi-Medium, Alibaba PuHuiTi;
  font-weight: 500;
  color: rgba(255,255,255,0.8);
  line-height: 20px;
}
.data-content0501-environment{
  width: 100%;
  height: 33vh;
}
.data-content.data-content0501{
  height: 43vh;
}
.DeviceAndFloorList{
  width: 25%;
  flex-direction: column;
  margin-top: 1vw;
}
.DeviceAndFloorList li {
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.DeviceAndFloorList li:first-child {
  padding-bottom: 1vh;
}
.DeviceAndFloorList li  div{
  display: flex;
  align-items: center;
}
.DeviceAndFloorList li div:nth-child(2) {
  margin-top: 1vh;
}
.DeviceAndFloorList li> div i{
background: url("/static/img/w_air-conditioning1.svg");
}
.TemperatureState{
  display: flex;
}
.DeviceAndFloorDataList .temperatureC{
  width: 120px;
  height: 80px;
  border-radius: 0px 0px 0px 0px;
  border: 1px solid #23C7FF;
}
.DeviceAndFloorDataList{
  width: 70%;
  display: flex;
}
.DeviceAndFloorDataList li{
  display: flex;
  flex-wrap: wrap;
  margin: 1vh 0 0;
}
.temperatureC{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1vw;
}
.temperatureC i{
  width: 24px;
  height: 24px;
  display: block;
  background: url("/static/img/wendu (2).svg") no-repeat center;
}
.temperatureC >div{
  display: flex;
  flex-direction: column;
}
.temperatureC p{
  font-size: 20px;
  font-weight: 500;
  color: #23C7FF;
  line-height: 30px;
}
.temperatureC p b{
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  padding-left: 0.3vw;
}
.temperatureC span{
  width: 60px;
  height: 0px;
  opacity: 1;
  border: 1px solid rgba(35,199,255,0.3);
}
.temperatureC .RHimg{
  background: url("/static/img/shidu(2).svg") no-repeat center;
}
.Warn{
  height: 10vh;
  width: 100%;
}
.WarnTop{
  width: 94%;
  height: 12vh;
  overflow: hidden;
  padding-left: 3%;

}

.warnTopList{
  display: flex;
  justify-content: space-between;
  width: 104%;
  height: 100%;
  margin-top: 1vh;
  flex-wrap: wrap;
  overflow: auto;
}
.warnTopList li{
  width: 45%;
  height: 24px;
  display: flex;
  margin-bottom: 1vh;
}
.warnTopList li i{
  width: 2px;
  height: 24px;
  background: #FF386B;
}
.warnTopList li:nth-child(n+3) i{
  background: #23C7FF;
}
.warnTopList li:nth-child(n+3) div{
  background: rgba(35,199,255,0.2);
}
.warnTopList li:nth-child(n+3) b{
  color: #23C7FF;
}
.warnTopList li> div{
  width: 100%;
  height: 24px;
  background: rgba(255,56,107,0.2);
  display: flex;
  justify-content: space-around;
}
.warnTopList li div p{
  font-size: 12px;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  line-height: 20px;
}
.warnTopList li div b{
  font-size: 12px;
  font-weight: bold;
  color: #FF386B;
  line-height: 20px;
}
.WarnTop02{
  width: 94%;
  height: 180px;
  overflow: hidden;
  padding-left: 3%;
  justify-content: space-between;
}
.thermometerList{
  display: flex;
  width: 100%;
}
.thermometerList li{
  display: flex;
  align-items: flex-end;
  width: 40%;
}
.thermometerList li i{
  display: block;
  width: 24px;
  height: 24px;
  background: url("/static/img/wendu (2).svg") no-repeat center;
}
.thermometerList li:nth-child(2) i{
  background: url("/static/img/shidu(2).svg") no-repeat center;
}
.thermometerList li  p{
  font-size: 14px;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  line-height: 20px;
  padding: 0 0.5vw;
}
.thermometerList li  b{
  font-size: 16px;
  font-weight: 500;
  color: #23C7FF;
  padding-left: 0.5vw;
}
.thermometerList li  span{
  font-size: 12px;
  padding-left: 0.3vw;
}
.data-content0501-01{
  height: 33vh;
}
.data-content0501-02{
  height: 43vh;
}
.data0501-right-01{
  height: 38vh;
}
.data0501-right-02{
  height: 50vh;
}
.ElectricityData{
  height: 30vh;
}
.ElectricityData-auto{
  height: 30vh;
}
.ElectricityData-auto h1{
  font-size: 18px;
  font-weight: 500;
  color: rgba(255,255,255,0.8);
  line-height: 20px;
}
.ElectricityData.upsStateData{
  height: 38vh;
}
.ElectricityData-auto.upsStateData{
  height: 38vh;
}
.upsState {
  display: flex;
  align-items: center;
  margin: 1vh 0;
}
.upsState i{
  height: 36px;
  width: 36px;
  display: block;
  background: url("/static/img/Frame 427319219.svg") no-repeat center;
}
.upsState p{
  font-size: 14px;
  font-weight: 400;
  color: rgba(255,255,255,0.8);
  line-height: 20px;
  padding: 0 1vw;
}
.upsState div{
  width: 64px;
  height: 20px;
  border-radius: 2px 2px 2px 2px;
  border: 1px solid #05D4D8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upsState b{
  font-size: 12px;
  font-weight: 500;
  color: #05D4D8;
  line-height: 20px;
}
.upsStateData .ElectricityRoom{
  margin-bottom: 1.5vh ;
}
.upsStateData li{
  margin-top: 1.5vh;
}
.upsStateData li:first-child{
  margin-top: 0;
}
.ElectricityData-auto.upsStateData li:last-child ul li{
  width: 25%;
  margin:0;
  padding: 0;
  display: flex;
  align-items: center;
}

